<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- jquery 核心库 比bootstrap的要先引入 -->
    <script src="js/jquery/jquery.min.js"></script>
    <!-- Bootstrap 核心库 依赖于 jquery -->
    <script src="js/bootstrap/js/bootstrap.min.js"></script>
    <!-- Bootstrap 样式文件 -->
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">
</head>
<body>
<form>
    <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox"> Check me out
        </label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
    <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-home"></span>(成功) Success</button>
</form>

    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>小米</td>
                <td>18</td>
            </tr>
            <tr class="danger">
                <td>2</td>
                <td>小红</td>
                <td>18</td>
            </tr>
            <tr class="info">
                <td>3</td>
                <td>小狼</td>
                <td>18</td>
            </tr>
        </tbody>
    </table>
</body>
</html>